


        var meaningInd = 0;
        var chooseSwiper = new Swiper('.chooseSwiper',{
            slidesPerView:5,
            slidePerGroup:1
        })

        $(document).ready(function(){
            setTimeout(function(){
                var oh = $('main .headPic .t')[0].offsetHeight;
                var sh = $('main .headPic .t').siblings('.pic')[0].offsetHeight;
                $('main .headPic .t')[0].style.top = (sh - oh) / 2 + 'px';
            },10)
            $('main .tips .meaning .flip>*:first-child').addClass('active');
            $('main .tips .meaning .choose .swiper-slide:first-child .square').addClass('active');
            $('main .tips .meaning .btn').click(function(){
                var prev = $(this)[0].className.indexOf('prev') >= 0?true:false;
                updateMeaning(prev);
            })
            $('main .tips .meaning .choose .square').click(function(){
                var ind = $(this).parent().index();
                meaningInd = ind;
                updateMeaning();
            })
            function updateMeaning(val){
                if(val != undefined){
                    var length = $('main .tips .meaning .num p').length;
                    if(!val){
                        meaningInd++;
                        meaningInd == length && (meaningInd = 0);
                    }else{
                        meaningInd--;
                        meaningInd < 0 && (meaningInd = length - 1);
                    }
                    chooseSwiper.slideTo(meaningInd);
                }
                console.log(meaningInd);
                $('main .tips .meaning .flip>*').removeClass('active');
                $('main .tips .meaning .choose .square').removeClass('active');
                $('main .tips .meaning .flip>*:nth-child(' + (meaningInd + 1) + ')').addClass('active');
                $('main .tips .meaning .choose .swiper-slide:eq(' + meaningInd + ') .square').addClass('active');
            }

            $('*').click(function(){
                if(!$(this).parents('.team').length || $(this)[0].className.indexOf('cursor') < 0){
                    $('main .team .info .member .avatar .mid').removeClass('active');
                    $('main .team .info .details .box').removeClass('show');
                    $('main .team .info .details').removeClass('able');
                }
            })
            
            $('main .team .info .member .cursor').click(function(e){
                var className = $(this).parents('.left').length?'left':'right';
                $(this).parent().find('.avatar .mid').addClass('active');
                $('main .team .info .details .' + className).addClass('show');
                $('main .team .info .details').addClass('able');
                e = e || window.event;
                e.cancelBubble = true;
                e.stopPropagation();
                if(e.preventDefault){ // w3c
                    e.preventDefault();
                } else { // ie
                    e.returnValue = false;
                }
                console.log(e.target)
            })
            $('main .team .info .details .closed').click(function(){
                $('main .team .info .member .avatar .mid').removeClass('active');
                $('main .team .info .details .box').removeClass('show');
                $('main .team .info .details').removeClass('able');
            })
            watchBrowse = setInterval(function(){
                if(window.innerWidth >= 768 && chooseSwiper.params.slidesPerView != 5){
                        chooseSwiper.params.slidesPerView = 5;
                        chooseSwiper.update();
                }else if(window.innerWidth < 768 && chooseSwiper.params.slidesPerView != 3){
                        chooseSwiper.params.slidesPerView = 3;
                        chooseSwiper.update();
                }
            },10)
        })